<template>
<!--  <div class="row justify-center container-row row-content">-->
<!--    <div class="row row-padding">-->
<!--  <div class="container-wrapper" ref="el">-->
<!--    <div class="row-padding justify-center container-xxl container-row">-->
  <div class="container-wrapper">
    <div class="row-padding justify-center container-xxl container-row">
      <div class="content">
        <div class="rte text-size--regular">
          <h3>Many agribusinesses and food processors source raw materials from smallholder farmers. This is particularly true in certain sectors, such as coffee, cocoa and sugar.</h3>
          <p>Over the past 20 years there has been a shift towards more traceable supply chains. Rather than purchasing crops that have passed through several layers of collectors, firms are now sourcing directly from farmers or trusted aggregators. The drivers for this change include concerns about food safety, child labor and environmental sustainability as well as a desire to increase productivity.</p>
          <p>With the increasing globalization and easier access to different kinds of alternative products in today's markets, the importance of product design to generating demand is more significant than ever. In addition, as supply, and therefore competition, among companies for the limited market demand increases and as pricing and other marketing elements become less distinguishing factors, product design likewise plays a different role by providing attractive features to generate demand. In this context, demand generation is used to define how attractive a product design is in terms of creating demand. In other words, it is the ability of a product's design to generate demand by satisfying customer expectations.</p>
        </div>
      </div>
    </div>
  </div>

  <image-text>
    <template #title>Local Resources</template>
    <template #default>We aim to connect food producers and consumers in the same geographic region, to develop more self-reliant and resilient food networks; improve local economies; or to affect the health, environment, community, or society of a particular place.</template>
  </image-text>

  <image-text-reverse>
    <template #title>Sustainable</template>
    <template #default>Societal goal with three dimensions: the environmental, economic and social dimension. This concept can be used to guide decisions at the global, national and at the individual consumer level. A related concept is that of sustainable development. Both terms are often used synonymously.</template>
  </image-text-reverse>

<!--  <aplusmax-container title="Best Sellers" right-title="View all products">-->
<!--    <aplusmax-best-sellers-card :show="false"></aplusmax-best-sellers-card>-->
<!--    &lt;!&ndash;    <aplusmax-four-goods></aplusmax-four-goods>&ndash;&gt;-->
<!--  </aplusmax-container>-->


</template>

<script setup lang='ts'>
import {defineProps, defineEmits, defineExpose} from 'vue'
import ImageText from "./components/image-text.vue";
import ImageTextReverse from "./components/image-text-reverse.vue";
import AplusmaxContainer from "../../components/pc/Library/aplusmax-container.vue";

defineProps({})

const emit = defineEmits([])

defineExpose({})
</script>

<style scoped lang='less'>
.row-content{
  border-top: 0.0625rem solid #d9d9d9;
}
.row-padding{
  padding: 0 50px;
}
.content{
  padding: 80px 0;
}
.text-size--regular{
  width: 76%;
  h3{
    margin-bottom: 20px;
    font-size: 40px;
    font-weight: 600;
  }
  p{
    font-size: 18px;
    margin-bottom: 18px;
  }
}
</style>